<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:fragment="head">
    <meta charset="utf-8" />
    <title>Crovex - Admin & Dashboard Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta content="Premium Multipurpose Admin & Dashboard Template" name="description" />
    <meta content="" name="author" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" /><!-- App favicon -->
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header"  th:content="${_csrf.headerName}"/>
    <link rel="shortcut icon" href="../images/favicon.ico">
    <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/jquery-ui.min.css" rel="stylesheet">
    <link href="../css/icons.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/metisMenu.min.css" rel="stylesheet" type="text/css" />
    <link href="../css/app.min.css" rel="stylesheet" type="text/css" />
    <script src="../js/index.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/jquery-ui.min.js"></script>
    <script src="../js/layer.js"></script>
    <script src="../js/bootstrap.bundle.min.js"></script>
    <script src="../js/metismenu.min.js"></script>
    <script src="../js/waves.js"></script>
    <script src="../js/feather.min.js"></script>
    <script src="../js/jquery.slimscroll.min.js"></script><!-- App js -->
    <script src="../js/app.js"></script>
</head>


<div class="topbar" th:fragment="topbar">
    <!-- LOGO -->
    <div class="topbar-left"><a href="../main/index" class="logo"><span><img src="../images/logo-sm.png"
                                                                             alt="logo-small" class="logo-sm"></span><span><img src="../images/logo.png" alt="logo-large"
                                                                                                                                class="logo-lg logo-light"><img src="../images/logo-dark.png" alt="logo-large"
                                                                                                                                                                class="logo-lg"></span></a></div>
    <!--end logo-->
    <!-- Navbar -->
    <nav class="navbar-custom">
        <ul class="list-unstyled topbar-nav float-right mb-0">
            <li class="hidden-sm">
                <a class="nav-link dropdown-toggle waves-effect waves-light" href="javascript: dailySign();">
                    <i class="ti-bell noti-icon"></i>
                    立即签到
                </a>
            </li>
            <li class="dropdown">
                <a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false">
                    <img th:src="${loginUser.imageUrl}" alt="profile-user" class="rounded-circle" />
                    <span class="ml-1 nav-user-name hidden-sm" th:text="${loginUser.username}">
                        <i class="mdi mdi-chevron-down"></i>
                    </span>
                </a>
                <div class="dropdown-menu dropdown-menu-right">
                    <a class="dropdown-item" href="../main/myWallet">
                        <i class="ti-wallet text-muted mr-2"></i>
                        我的钱包
                    </a>
                    <a class="dropdown-item" href="../main/pay">
                        <i class="ti-credit-card mr-2"></i>
                        赞助我们
                    </a>
                    <div class="dropdown-divider mb-0">
                    </div>
                    <a class="dropdown-item" th:href="@{/logout}">
                        <i class="ti-power-off text-muted mr-2"></i>
                        登出
                    </a>
                </div>
            </li>
        </ul>
        <!--end topbar-nav-->
        <ul class="list-unstyled topbar-nav mb-0">
            <li><button class="nav-link button-menu-mobile waves-effect waves-light"><i
                    class="ti-menu nav-icon"></i></button></li>
        </ul>
    </nav><!-- end navbar-->
</div>

<div class="left-sidenav" th:fragment="left-sidenav">
    <ul class="metismenu left-sidenav-menu">
        <li th:class="${#strings.contains(#httpServletRequest.requestURL,'main/index')?'mm-active active':''}">
            <a href="../main/index">
                <i class="ti-bar-chart"></i>
                <span>首页 </span>
            </a>
        </li>
        <li th:class="${#strings.contains(#httpServletRequest.requestURL,'main/myAttend')?'mm-active active':''}">
            <a href="../main/myAttend">
                <i class="ti-server"></i>
                <span>我的活动</span>
            </a>
        </li>
        <li th:class="${#strings.contains(#httpServletRequest.requestURL,'main/unbind')?'mm-active active':''}">
            <a href="../main/unbind">
                <i class="ti-unlock"></i>
                <span>解除绑定</span>
            </a>
        </li>
        <li th:class="${#strings.contains(#httpServletRequest.requestURL,'main/signLog')?'mm-active active':''}">
            <a href="../main/signLog">
                <i class="ti-write"></i>
                <span>操作日志</span>
            </a>
        </li>
        <li th:class="${#strings.contains(#httpServletRequest.requestURL,'main/autoSign')?'mm-active active':''}">
            <a href="../main/autoSign">
                <i class="fas fa-server"></i>
                <span>自动签评</span>
            </a>
        </li>
        <li th:class="${#strings.contains(#httpServletRequest.requestURL,'main/myWallet')?'mm-active active':''}">
            <a href="../main/myWallet">
                <i class="ti-wallet"></i>
                <span>我的钱包</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i class="mdi mdi-wallet-giftcard"></i>
                <span>任务列表（暂未开放，免费获得积分）</span>
            </a>
        </li>
    </ul>
</div><!-- end left-sidenav-->

<footer class="footer text-center text-sm-left" th:fragment="footer">&copy;2021 Crovex
    <span class="text-muted d-none d-sm-inline-block float-right">Crafted with
        <i class="mdi mdi-heart text-danger"></i>by
        <a href="#">Wei</a>
    </span>
</footer>